// pages/menberList/menberList.js
import * as echarts from '../../ec-canvas/echarts';
let chart = null;

function initChart(canvas, width, height) {
  chart = echarts.init(canvas, null, {
    width: width,
    height: height
  });
  canvas.setChart(chart);

  var option = {
    // tooltip: {
    //   trigger: 'item',
    //   formatter: "{a} <br/>{b} : {c} ({d}%)"
    // },
    // legend: {
    //   x: 'center',
    //   y: 'bottom',
    //   data: ['项目1', '项目2', '项目3', '项目4', '项目5']
    // },
    // toolbox: {
    //   show: true,
    //   feature: {
    //     mark: {
    //       show: true
    //     },
    //     magicType: {
    //       show: true,
    //       type: ['pie', 'funnel']
    //     }
    //   }
    // },
    // calculable: true,
    series: [{
      name: '面积模式',
      type: 'pie',
      radius: [48, 80],
      center: ['50%', '50%'],
      roseType: 'area',
      color: ['#6b76ff', '#8e98f5', '#7ea5e2', '#b9ceeb', '#ada8fc'],
      data: [{
          value: 15,
          name: '项目1'
        },
        {
          value: 5,
          name: '项目2'
        },
        {
          value: 7,
          name: '项目3'
        },
        {
          value: 8,
          name: '项目4'
        },
        {
          value: 10,
          name: '项目5'
        }
      ]
    }]
  };

  chart.setOption(option);
  return chart;
}

Page({

  /**
   * 页面的初始数据
   */
  data: {
    imgUrls: [
      //轮播图图片地址
      {
        pic: 'http://dev.zhongxiangtianxia.cn//upload/mation/2018-07-18/5b4eed1f4953b.png',
        link: 'http://dev.zhongxiangtianxia.cn//upload/mation/2018-07-18/5b4eed1f4953b.png'
      },
      {
        pic: 'http://dev.zhongxiangtianxia.cn//upload/mation/2018-07-18/5b4eed1f4953b.png',
        link: 'http://dev.zhongxiangtianxia.cn//upload/mation/2018-07-18/5b4eed1f4953b.png'
      },
      {
        pic: 'http://dev.zhongxiangtianxia.cn//upload/mation/2018-07-18/5b4eed1f4953b.png',
        link: 'http://dev.zhongxiangtianxia.cn//upload/mation/2018-07-18/5b4eed1f4953b.png'
      }
    ],
    indicatorDots: true, //是否显示下面白色点
    autoplay: true, //是否自动播放
    interval: 5000, //多少毫秒之后滚到下一张
    duration: 1000, //滚到下一张需要多少毫秒
    carData: {
      today: 15,
      yesto: 12,
      thisweek: 215,
      lastweek: 260,
      thisyear: 4520,
      lastyear: 4209
    },
    ec: {
      onInit: initChart // 3、将数据放入到里面
    }
  },
  onShareAppMessage: function (res) {
    return {
      title: 'ECharts',
      path: '/pages/shopInfo/shopInfo',
      success: function () {},
      fail: function () {}
    }
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    setTimeout(function () {
      // 获取 chart 实例的方式
      console.log(chart)
    }, 2000);
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})